<template>
  <div class="header_top">
    <v-head />
    <!-- 面包屑导航 -->
    <div class="bread">
      <div class="container">
        <span class="text fl"> 您的当前位置：</span>
        <el-breadcrumb class="fl" separator-class="el-icon-arrow-right">
          <el-breadcrumb-item :to="{ path: '/index' }">首页</el-breadcrumb-item>
          <el-breadcrumb-item>用户协议</el-breadcrumb-item>
        </el-breadcrumb>
      </div>
    </div>
    <!-- 列表 -->
    <div class="list_news news_detail01 p7090">
      <div class="container">
        <div class="row content pr overhide">
          <div class="w100 right c_center" style="width: 100%; padding-left: 0">
            <div>
              <div class="top">用户协议</div>
              <div class="text" v-html="qaList.content">
                {{ qaList.content }}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 尾部 -->
    <v-foot />
  </div>
</template>

<script>
import vHead from "../websitecom/Head.vue";
import vFoot from "../websitecom/Foot.vue";
import vBread from "../websitecom/Bread.vue";
import { swiper, swiperSlide } from "vue-awesome-swiper";
import "swiper/dist/css/swiper.css";
export default {
  components: {
    vHead,
    vFoot,
    vBread,
    swiper,
    swiperSlide,
  },
  data() {
    return {
      qaList: [],
    };
  },
  computed: {
    swiper() {
      return this.$refs.mySwiper.swiper;
    },
  },
  beforeCreate: function () {
    document.getElementsByTagName("body")[0].className = "active";
    document.getElementsByTagName("html")[0].className = "active";
  },
  methods: {
    getList() {
      var that = this;
      this.$axios
        .get(
          this.$api +
            "//api/singlepage/index?page_no=1&page_size=10&sort=id&order=desc"
        )
        .then(function (response) {
          that.qaList = response.data.data.data;
          that.qaList.forEach((element) => {
            if (element.page_url == "yhxy") {
              that.qaList = element;
            }
          });
          //console.log(that.qaList);
        })
        .catch(function (error) {
          //console.log(error);
        });
    },
  },
  created() {
    this.getList();
  },
};
</script>

<style lang="less" scoped>
html.active {
  overflow-y: scroll !important;
  height: auto !important;
}

.list_news .right > div .top {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 3.4375rem;
  color: #000000;
  padding: 0 2rem;
  border-bottom: solid 1px #e5e5e5;
}
.list_news .right > div .text {
  padding: 2.1875rem 2rem 2.8125rem;
}
</style>
